<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />

    <title>我们结婚啦</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <style>

        body {
            padding-top: 50px;
            padding-bottom: 40px;
            color: #5a5a5a;
        }

        /* 轮播广告 */

        .carousel {
            height: 500px;
            margin-bottom: 60px;
        }

        .carousel .item {
            height: 500px;
            background-color: #000;
        }

        .carousel .item img {
            width: 100%;
            height:100%;
        }

        .carousel-caption {
            z-index: 10;
        }

        .carousel-caption p {
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 1.8;
        }

        /* 简介 */

        .summary {
            padding-top: 15px;
            padding-right: 15px;
            padding-left: 15px;
        }

        .summary .col-md-4 {
            margin-bottom: 20px;
            text-align: center;
        }

        /* 响应式布局 */

        @media (max-width: 768px) {

            .summary {
                padding-right: 3px;
                padding-left: 3px;
            }

            .carousel {
                height: 300px;
                margin-bottom: 30px;
            }

            .carousel .item {
                height: 300px;
            }

            .carousel img {
                min-height: 300px;
            }

            .carousel-caption p {
                font-size: 16px;
                line-height: 1.4;
            }

        }

        @media (min-width: 992px) {
            .feature-heading {
                margin-top: 5px;
            }
        }

        img{
            width:100%;
        }

    </style>

</head>

<body>
<!-- 顶部导航 -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="menu-nav">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand text-center center-block" href="#">执子之手，与子偕老</a>
        </div>
    </div>
</div>

<!-- 主要内容 -->
<div class="container summary">

    <!-- 简介 -->
    <div class="row" id="summary-container">
	
<div class="col-md-4"><img src="img/1.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/2.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/3.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/4.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/5.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/6.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/7.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/8.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/9.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/10.jpg" alt="chrome"></div>

<div class="col-md-4"><img src="img/11.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/12.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/13.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/14.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/15.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/16.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/17.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/18.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/19.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/20jpg" alt="chrome"></div>



<div class="col-md-4"><img src="img/21.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/22.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/23.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/24.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/25.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/26.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/27.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/28.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/29.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/30jpg" alt="chrome"></div>

<div class="col-md-4"><img src="img/31.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/32.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/33.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/34.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/35.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/36.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/37.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/38.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/39.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/40jpg" alt="chrome"></div>


<div class="col-md-4"><img src="img/41.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/42.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/43.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/44.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/45.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/46.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/47.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/48.jpg" alt="chrome"></div>
<div class="col-md-4"><img src="img/49.jpg" alt="chrome"></div>





    </div>


    <footer>
        <p class="pull-right"><a href="#top">回到顶部</a></p>

        <p>&copy; 2017 我们结婚啦 </p>
    </footer>

</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>


</script>
</body>
</html>
